<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>Zedek Framework</title>

    <!-- Bootstrap core CSS -->
    <link href="/stylesheets/bootstrap.css" rel="stylesheet">

    <!-- Add custom CSS here -->
    <link href="/stylesheets/modern-business.css" rel="stylesheet">
    <link href="/stylesheets/font-awesome.css" rel="stylesheet">

    <!-- JavaScript -->
    <script src="/scripts/jquery.js"></script>
    <script src="/scripts/bootstrap.js"></script>
    <script src="/scripts/modern-business.js"></script>
</head>

<body>

    <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <!-- You'll want to use a responsive image option so this logo looks good on devices - I recommend using something like retina.js (do a quick Google search for it and you'll find it) -->
                <a class="navbar-brand" href="/{{dir}}">Zedek Framework {{version}}</a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse navbar-ex1-collapse">
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="/{{dir}}about">About</a>
                    </li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Documentation <b class="caret"></b></a>
                        <ul class="dropdown-menu">
                            <li><a href="https://github.com/djynnius/ZedekFramework/wiki/1.0-Introduction">Getting Started</a>
                            </li>
                            <li><a href="https://github.com/djynnius/ZedekFramework/wiki/6.0-%28ZORM%29-The-Object-Relational-Mapper">ZORM</a>
                            </li>
                            <li><a href="https://github.com/djynnius/ZedekFramework/wiki/4.0-The-Templating-Engine">The View</a>
                            </li>
                            <li><a href="https://github.com/djynnius/ZedekFramework/wiki/7.0-Themeing">Themes</a>
                            </li>
                            <li><a href="https://github.com/djynnius/ZedekFramework/wiki/8.0-Model">Models</a>
                            </li>
                        </ul>
                    </li>
                    <li><a href="/{{dir}}contact">Contact</a>
                    </li>                    
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container -->
    </nav>

    <div id="myCarousel" class="carousel slide">
        <!-- Indicators -->
        <ol class="carousel-indicators">
            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#myCarousel" data-slide-to="1"></li>
            <li data-target="#myCarousel" data-slide-to="2"></li>
        </ol>

        <!-- Wrapper for slides -->
        <div class="carousel-inner">
            <div class="item active">
                <div class="fill" style="background-image:url('/images/slide1.jpg');"></div>
                <div class="carousel-caption">
                    <h1>PHP Applications Development Framework</h1>
                </div>
            </div>
            <div class="item">
                <div class="fill" style="background-image:url('/images/slide2.jpg');"></div>
                <div class="carousel-caption">
                    <h1>Bootstraped: Mobile and Desktop Ready</h1>
                </div>
            </div>
            <div class="item">
                <div class="fill" style="background-image:url('/images/slide3.jpg');"></div>
                <div class="carousel-caption">
                    <h1><a href="http://github.com/djynnius/zedekframework">Get it from Github</a>
                    </h1>
                </div>
            </div>
        </div>

            <!-- Controls -->
            <a class="left carousel-control" href="#myCarousel" data-slide="prev">
                <span class="icon-prev"></span>
            </a>
            <a class="right carousel-control" href="#myCarousel" data-slide="next">
                <span class="icon-next"></span>
            </a>
        </div>

        <div class="section">

            <div class="container">

                <div class="row">
                    <div class="col-lg-4 col-md-4">
                        <h3><i class="fa fa-check-circle"></i> Object Relational Mapper</h3>
                        <p>Zedek Framework comes with its own in built Object Relational Mapper class called ZORM. ZORM has a gentle learning curve and allows an Object Relational approach to regular RDBMS like MySQL and SQLite3. It has spun off into its own project called <a href='http://github.com/djynnius/udara'>Udara</a>.</p>
                    </div>
                    <div class="col-lg-4 col-md-4">
                        <h3><i class="fa fa-pencil"></i> Themeing Engine</h3>
                        <p>Our framework allows includes a themeing engine based off the class ZView. This class allows for an almost comlete separation of logic from presentation. Views are typically written in plain html with support for looping! Dynamic views written in PHP are also a feature.</p>
                    </div>
                    <div class="col-lg-4 col-md-4">
                        <h3><i class="fa fa-folder-open"></i> Model-View-Controller</h3>
                        <p>Clean URLs are a feature of the Zedek Framework. The framework is built to allow development of appications with url structure mirroring the MVC. Typically http://app/controller/method with the method often reflecting the view.</p>
                    </div>
                </div>
                <!-- /.row -->

            </div>
            <!-- /.container -->

        </div>
        <!-- /.section -->

        <div class="section-colored text-center">

            <div class="container">

            <div class="row">
                <div class="col-lg-12">
                    <h2>Zedek Framework: A PHP Applications Development Framework</h2>
                    <p>
                        <small style='color: #333'>
                            <a target="_blank" href="http://www.apache.org/"><i class='fa fa-desktop'></i> Apache</a> . 
                            <a target="_blank" href="http://php.net/"><i class='fa fa-code'></i> PHP</a> . 
                            <a target="_blank" href="http://www.sqlite.org/"><i class='fa fa-columns'></i> SQLite3</a> . 
                            <a target="_blank" href="http://www.mysql.com/"><i class='fa fa-columns'></i> MySQL</a> . 
                            <a target="_blank" href="https://github.com/djynnius/udara"><i class='fa fa-thumbs-o-up'></i> ZORM</a> . 
                            <a target="_blank" href="http://getbootstrap.com/"><i class='fa fa-thumbs-o-up'></i> Bootstrap3</a> . 
                            <a target="_blank" href="http://jquery.com/"><i class='fa fa-code'></i> jQuery</a> . 
                            <a target="_blank" href="http://jqueryui.com/"><i class='fa fa-code'></i> jQueryUI</a> . 
                            <a target="_blank" href="https://angularjs.org/"><i class='fa fa-code'></i> AngularJS</a> . 
                            <a target="_blank" href="http://www.simpletest.org/"><i class='fa fa-thumbs-o-up'></i> SimpleTest</a> . 
                            <a target="_blank" href="https://github.com/"><i class='fa fa-github'></i> GitHub</a>
                        </small>
                    </p>
                    <hr>
                </div>
            </div>
            <!-- /.row -->

        </div>
        <!-- /.container -->

    </div>
    <!-- /.section-colored -->

    <div class="section">

        <div class="container">

            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2>Zedek Framework comes Bootstrap 3 ready!</h2>
                    <hr>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-6">
                    <a href="portfolio-item.html">
                        <img class="img-responsive img-thumbnail img-home-portfolio" src="/images/avalanche.jpg">
                    </a>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-6">
                    <a href="portfolio-item.html">
                        <img class="img-responsive img-thumbnail img-home-portfolio" src="/images/hotr.jpg">
                    </a>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-6">
                    <a href="portfolio-item.html">
                        <img class="img-responsive img-thumbnail img-home-portfolio" src="/images/ibb.jpg">
                    </a>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-6">
                    <a href="portfolio-item.html">
                        <img class="img-responsive img-thumbnail img-home-portfolio" src="/images/errandz.jpg">
                    </a>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-6">
                    <a href="portfolio-item.html">
                        <img class="img-responsive img-thumbnail img-home-portfolio" src="/images/smart.jpg">
                    </a>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-6">
                    <a href="portfolio-item.html">
                        <img class="img-responsive img-thumbnail img-home-portfolio" src="/images/far.jpg">
                    </a>
                </div>
            </div>
            <!-- /.row -->

        </div>
        <!-- /.container -->

    </div>
    <!-- /.section -->

    <!--
    <div class="section-colored">

        <div class="container">

            <div class="row">
                <div class="col-lg-6 col-md-6 col-sm-6">
                    <h2>Modern Business Features Include:</h2>
                    <ul>
                        <li>Bootstrap 3 Framework</li>
                        <li>Mobile Responsive Design</li>
                        <li>Predefined File Paths</li>
                        <li>Working PHP Contact Page</li>
                        <li>Minimal Custom CSS Styles</li>
                        <li>Unstyled: Add Your Own Style and Content!</li>
                        <li>Font-Awesome fonts come pre-installed!</li>
                        <li>100% <strong>Free</strong> to Use</li>
                        <li>Open Source: Use for any project, private or commercial!</li>
                    </ul>
                </div>
                <div class="col-lg-6 col-md-6 col-sm-6">
                    <img class="img-responsive" src="/images/cccccc.gif">
                </div>
            </div>
            <!-- /.row -->

        </div>
        <!-- /.container -->

    </div>
    <!-- /.section-colored -->


    <!--
    <div class="section">

        <div class="container">

            <div class="row">
                <div class="col-lg-6 col-md-6 col-sm-6">
                    <img class="img-responsive" src="/images/700x450.gif">
                </div>
                <div class="col-lg-6 col-md-6 col-sm-6">
                    <h2>Modern Business Features Include:</h2>
                    <ul>
                        <li>Bootstrap 3 Framework</li>
                        <li>Mobile Responsive Design</li>
                        <li>Predefined File Paths</li>
                        <li>Working PHP Contact Page</li>
                        <li>Minimal Custom CSS Styles</li>
                        <li>Unstyled: Add Your Own Style and Content!</li>
                        <li>Font-Awesome fonts come pre-installed!</li>
                        <li>100% <strong>Free</strong> to Use</li>
                        <li>Open Source: Use for any project, private or commercial!</li>
                    </ul>
                </div>
            </div>
            <!-- /.row -->

        </div>
        <!-- /.container -->

    </div>

    <!-- /.section -->

    <div class="container">

        <div class="row well">
            <div class="col-lg-8 col-md-8">
                <h4>Zedek Framework is ready-to-use, Bootstrap 3 updated!</h4>
                <p>For more information on how to use and exploit all the features of the framework visit the documentation page on github.</p>
            </div>
            <div class="col-lg-4 col-md-4">
                <a class="btn btn-lg btn-primary pull-right" href="http://github.com/djynnius/zedekframework">Documentation</a>
            </div>
        </div>
        <!-- /.row -->

    </div>
    <!-- /.container -->

    <div class="container">

        <hr>

        <footer>
            <div class="row">
                <div class="col-lg-12">
                    <p>Copyright &copy; Zedek Framework 2013</p>
                </div>
            </div>
        </footer>

    </div>
    <!-- /.container -->

</body>

</html>
